<template>
  <el-dialog :title="dialogProps.title" :visible.sync="dialogProps.visible" width='550px' append-to-body>
      <el-form   label-width="80px">
              <el-form-item>
                    <el-checkbox  v-model.trim='tableName.name' >产品名称</el-checkbox>
                    <el-checkbox  v-model.trim='tableName.guimo' >规模（元）</el-checkbox>
                    <el-checkbox  v-model.trim='tableName.pro_name' >项目名称</el-checkbox>
              </el-form-item>
              <el-form-item>
                    <!-- <el-checkbox  v-model.trim='tableName.rate' >项目利率</el-checkbox> -->
                    <el-checkbox  v-model.trim='tableName.type' >产品类型</el-checkbox>
                    <!-- <el-checkbox  v-model.trim='tableName.contract' >电子合同</el-checkbox> -->
              </el-form-item>
              <el-form-item>
                    <el-checkbox  v-model.trim='tableName.state' >产品状态</el-checkbox>
                    <!-- <el-checkbox  v-model.trim='tableName.feeState' >服务费状态</el-checkbox> -->
                    <!-- <el-checkbox  v-model.trim='tableName.biaodi' >标的</el-checkbox> -->
              </el-form-item>
              <el-form-item>
                    <el-checkbox  v-model.trim='tableName.updateTime' >更新时间</el-checkbox>
                    <el-checkbox  v-model.trim='tableName.person' >经办人</el-checkbox>
                    <!-- <el-checkbox  v-model.trim='tableName.shenpi' >审批历史</el-checkbox> -->
              </el-form-item>
      </el-form>
       <div slot="footer" class="dialog-footer">
              <el-button @click="dialogProps.visible = false">取 消</el-button>
              <el-button type="primary" @click="submit('form')">确 定</el-button>
        </div>
  </el-dialog>
</template>

<script charset="utf-8" type="text/javascript">
export default {
  name: 'tableName',
  data() {

    return {
      loading: false,
      //dialogo基本信息  显示隐藏状态  title 
      dialogProps: {
        visible: false,
        action: '',
        title: '选择展示表头'
      },
      

      tableName:{
        // name:true,
        // guimo:true,
        // type:true,
        // rate:true,
        // product:true,
        // biaodi:true,
        // state:true,
        // updateTime:true,
        // person:true,
        // shenpi:true,
      },

    }
  },
  created(){
    
    
  },
  methods: {
   
    submit(formName) {
      
      this.dialogProps.visible=false
    },
    
  },
  mounted: function() {
    this.$nextTick(() => {
      this.$on('openDialog', function(data) {
        this.dialogProps.visible = true
        this.tableName=data
      })
      
    })
  },
  updated(){
    
  },
  components:{
    
  }
}
</script>

<style  scoped>
</style>


